<div class="banner" style="margin-top:50px;">身体素质等级分布概况</div>
<div class="small_banner">整体概况</div>
<div style="width:100%;height:auto;">
  <div style="width:1000px;height:300px;" id="physical"></div>
  <script>
    var continuousJump=parseFloat("<?php echo $data[2]['continuousJump'][5]; ?>");
    var balanceBeam=parseFloat("<?php echo $data[2]['balanceBeam'][5]; ?>");
    var tennis_throw=parseFloat("<?php echo $data[2]['tennis_throw'][5]; ?>");
    var standing_long_jump=parseFloat("<?php echo $data[2]['standing_long_jump'][5]; ?>");
    var reentry_run=parseFloat("<?php echo $data[2]['reentry_run'][5]; ?>");
    var flexion=parseFloat("<?php echo $data[2]['flexion'][5]; ?>");
    $('#physical').highcharts({
            exporting: {
              enabled:false
            },
      chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie'
    },
    title: {
        text: '幼儿身体素质无法评级分布概括'
    },
    plotOptions: {
      pie: {
        allowPointSelect: true,
        cursor: 'pointer',
        dataLabels: {
            enabled: false
        },
        showInLegend: true
      }
    },
    series: [{
      name: '等级',
      colorByPoint: true,
      data: [{
        name: '灵敏协调',
        y: continuousJump
      }, {
        name: '平衡能力',
        y: balanceBeam
      }, {
        name: '上肢力量',
        y: tennis_throw
      }, {
        name: '下肢力量',
        y: standing_long_jump
      }, {
        name: '速度素质',
        y: reentry_run
      }, {
        name: '柔韧素质',
        y: flexion
      }]
    }]
    });
  </script>
</div>
<div style="width:100%;height:auto;margin-top:20px;">
  <div style="width:50%;">
    <table class="table" style="width:1000px;border:1px solid #67bd98;margin-left:50px;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <td height="30" style="text-align:center;">灵敏协调</td>
      <td height="30" style="text-align:center;">平衡能力</td>
      <td height="30" style="text-align:center;">上肢力量</td>
      <td height="30" style="text-align:center;">下肢力量</td>
      <td height="30" style="text-align:center;">速度素质</td>
      <td height="30" style="text-align:center;">柔韧素质</td>
    </tr>
    <tr>
      <td style="text-align:center;">2016</td>
      <td style="text-align:center;">{$data[2]['continuousJump'][5]}人</td>
      <td style="text-align:center;">{$data[2]['balanceBeam'][5]}人</td>
      <td style="text-align:center;">{$data[2]['tennis_throw'][5]}人</td>
      <td style="text-align:center;">{$data[2]['standing_long_jump'][5]}人</td>
      <td style="text-align:center;">{$data[2]['reentry_run'][5]}人</td>
      <td style="text-align:center;">{$data[2]['flexion'][5]}人</td>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<div class="small_banner" style="margin-top: 10px;">灵敏协调</div>
<!--灵敏协调开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="continuousJump_hb"></div>
  <script>
    var num1=parseFloat("<?php echo $data[0]['continuousJump'][5]; ?>");
    var num2=parseFloat("<?php echo $data[1]['continuousJump'][5]; ?>");
    var num3=parseFloat("<?php echo $data[2]['continuousJump'][5]; ?>");
    var num=new Array(parseFloat(num1),parseFloat(num2),parseFloat(num3));
   $('#continuousJump_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '灵敏协调无法评级情况环比',
        x: -20 //center
      },
      xAxis: {
        categories: ['<?php echo $yeararr[2]-2;?>', '<?php echo $yeararr[2]-1;?>', '<?php echo $yeararr[2];?>']
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '灵敏协调',
        data: num
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <td height="30" style="text-align:center;"><?php echo $yeararr[2]-2;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2]-1;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2];?></td>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">灵敏协调</td>
      <td height="30" style="text-align:center;">
        <if condition="$data[0]['continuousJump'][5]"><?php echo round($data[0]['continuousJump'][5]/$data[0]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[1]['continuousJump'][5]"><?php echo round($data[1]['continuousJump'][5]/$data[1]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[2]['continuousJump'][5]"><?php echo round($data[2]['continuousJump'][5]/$data[2]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--灵敏协调结束-->
<div class="small_banner" style="margin-top: 10px;">平衡能力</div>
<!--平衡能力开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="balanceBeam_hb"></div>
  <script>
    var num1=parseFloat("<?php echo $data[0]['balanceBeam'][5]; ?>");
    var num2=parseFloat("<?php echo $data[1]['balanceBeam'][5]; ?>");
    var num3=parseFloat("<?php echo $data[2]['balanceBeam'][5]; ?>");
    var num=new Array(parseFloat(num1),parseFloat(num2),parseFloat(num3));
   $('#balanceBeam_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '平衡能力无法评级情况环比',
        x: -20 //center
      },
      xAxis: {
        categories: ['<?php echo $yeararr[2]-2;?>', '<?php echo $yeararr[2]-1;?>', '<?php echo $yeararr[2];?>']
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '平衡能力',
        data: num
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <td height="30" style="text-align:center;"><?php echo $yeararr[2]-2;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2]-1;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2];?></td>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">平衡能力</td>
      <td height="30" style="text-align:center;">
        <if condition="$data[0]['balanceBeam'][5]"><?php echo round($data[0]['balanceBeam'][5]/$data[0]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[1]['balanceBeam'][5]"><?php echo round($data[1]['balanceBeam'][5]/$data[1]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[2]['balanceBeam'][5]"><?php echo round($data[2]['balanceBeam'][5]/$data[2]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--平衡能力结束-->
<div class="small_banner" style="margin-top: 10px;">上肢力量</div>
<!--上肢力量开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="tennis_throw_hb"></div>
  <script>
    var num1=parseFloat("<?php echo $data[0]['tennis_throw'][5]; ?>");
    var num2=parseFloat("<?php echo $data[1]['tennis_throw'][5]; ?>");
    var num3=parseFloat("<?php echo $data[2]['tennis_throw'][5]; ?>");
    var num=new Array(parseFloat(num1),parseFloat(num2),parseFloat(num3));
   $('#tennis_throw_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '上肢力量无法评级情况环比',
        x: -20 //center
      },
      xAxis: {
        categories: ['<?php echo $yeararr[2]-2;?>', '<?php echo $yeararr[2]-1;?>', '<?php echo $yeararr[2];?>']
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '上肢力量',
        data: num
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <td height="30" style="text-align:center;"><?php echo $yeararr[2]-2;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2]-1;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2];?></td>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">上肢力量</td>
      <td height="30" style="text-align:center;">
        <if condition="$data[0]['tennis_throw'][5]"><?php echo round($data[0]['tennis_throw'][5]/$data[0]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[1]['tennis_throw'][5]"><?php echo round($data[1]['tennis_throw'][5]/$data[1]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[2]['tennis_throw'][5]"><?php echo round($data[2]['tennis_throw'][5]/$data[2]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--上肢力量结束-->
<div class="small_banner" style="margin-top: 10px;">下肢力量</div>
<!--下肢力量开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="standing_long_jump_hb"></div>
  <script>
    var num1=parseFloat("<?php echo $data[0]['standing_long_jump'][5]; ?>");
    var num2=parseFloat("<?php echo $data[1]['standing_long_jump'][5]; ?>");
    var num3=parseFloat("<?php echo $data[2]['standing_long_jump'][5]; ?>");
    var num=new Array(parseFloat(num1),parseFloat(num2),parseFloat(num3));
   $('#standing_long_jump_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '下肢力量无法评级情况环比',
        x: -20 //center
      },
      xAxis: {
        categories: ['<?php echo $yeararr[2]-2;?>', '<?php echo $yeararr[2]-1;?>', '<?php echo $yeararr[2];?>']
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '下肢力量',
        data: num
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <td height="30" style="text-align:center;"><?php echo $yeararr[2]-2;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2]-1;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2];?></td>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">下肢力量</td>
      <td height="30" style="text-align:center;">
        <if condition="$data[0]['standing_long_jump'][5]"><?php echo round($data[0]['standing_long_jump'][5]/$data[0]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[1]['standing_long_jump'][5]"><?php echo round($data[1]['standing_long_jump'][5]/$data[1]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[2]['standing_long_jump'][5]"><?php echo round($data[2]['standing_long_jump'][5]/$data[2]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--下肢力量结束-->
<div class="small_banner" style="margin-top: 10px;">速度素质</div>
<!--速度素质开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="reentry_run_hb"></div>
  <script>
    var num1=parseFloat("<?php echo $data[0]['reentry_run'][5]; ?>");
    var num2=parseFloat("<?php echo $data[1]['reentry_run'][5]; ?>");
    var num3=parseFloat("<?php echo $data[2]['reentry_run'][5]; ?>");
    var num=new Array(parseFloat(num1),parseFloat(num2),parseFloat(num3));
   $('#reentry_run_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '速度素质无法评级情况环比',
        x: -20 //center
      },
      xAxis: {
        categories: ['<?php echo $yeararr[2]-2;?>', '<?php echo $yeararr[2]-1;?>', '<?php echo $yeararr[2];?>']
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '速度素质',
        data: num
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <td height="30" style="text-align:center;"><?php echo $yeararr[2]-2;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2]-1;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2];?></td>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">速度素质</td>
      <td height="30" style="text-align:center;">
        <if condition="$data[0]['reentry_run'][5]"><?php echo round($data[0]['reentry_run'][5]/$data[0]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[1]['reentry_run'][5]"><?php echo round($data[1]['reentry_run'][5]/$data[1]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[2]['reentry_run'][5]"><?php echo round($data[2]['reentry_run'][5]/$data[2]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--速度素质结束-->
<div class="small_banner" style="margin-top: 10px;">柔韧素质</div>
<!--柔韧素质开始-->
<div style="width:100%;height:auto;">
  <div style="width:500px;float:left;height:300px;" id="flexion_hb"></div>
  <script>
    var num1=parseFloat("<?php echo $data[0]['flexion'][5]; ?>");
    var num2=parseFloat("<?php echo $data[1]['flexion'][5]; ?>");
    var num3=parseFloat("<?php echo $data[2]['flexion'][5]; ?>");
    var num=new Array(parseFloat(num1),parseFloat(num2),parseFloat(num3));
   $('#flexion_hb').highcharts({
            exporting: {
              enabled:false
            },
      title: {
        text: '柔韧素质无法评级情况环比',
        x: -20 //center
      },
      xAxis: {
        categories: ['<?php echo $yeararr[2]-2;?>', '<?php echo $yeararr[2]-1;?>', '<?php echo $yeararr[2];?>']
      },
      yAxis: {
        title: {
            text: '人数 (人)'
        },
        plotLines: [{
          value: 0,
          width: 1,
          color: '#808080'
        }]
      },
      tooltip: {
        valueSuffix: '人'
      },
      legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
      },
      series: [{
        name: '柔韧素质',
        data: num
      }]
    });
  </script>
  <div style="width:50%;float:right">
    <table class="table" style="width:500px;border:1px solid #67bd98;" border="1">
    <tr>
      <td height="30" style="text-align:center;">&nbsp;&nbsp;</td>
      <td height="30" style="text-align:center;"><?php echo $yeararr[2]-2;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2]-1;?></td>
      <td style="text-align:center;"><?php echo $yeararr[2];?></td>
    </tr>
    <tr>
      <td height="30" style="text-align:center;">柔韧素质</td>
      <td height="30" style="text-align:center;">
        <if condition="$data[0]['flexion'][5]"><?php echo round($data[0]['flexion'][5]/$data[0]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[1]['flexion'][5]"><?php echo round($data[1]['flexion'][5]/$data[1]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
      <td height="30" style="text-align:center;">
        <if condition="$data[2]['flexion'][5]"><?php echo round($data[2]['flexion'][5]/$data[2]['invalid_number']*100,2); ?>%
        <else/>无</if>
      </td>
    </tr>
  </table>
  </div>
  <div style="clear:both;"></div>
</div>
<!--柔韧素质结束-->